@charset "utf-8";
/* CSS Document */
html,
body {
margin: 0px;
padding: 0px;
color: #555;
font-family:Geneva, Arial, Helvetica, sans-serif;
background-color: #556e9d /*verde #586732*/; 
background-image: url(images/bg/bg-body.gif);
background-repeat: repeat-x;
}
body{
font-size: 95%;
line-height:20px;
}
a{ color: #555555;}
a:link{color: #555555;}
a:visited{color: #555555;}
a:hover{color: #555555;}
a:active{color: #555555;}
address{
font:normal;
font-style:normal;
}
hr{
display:none;
}
/**************************************************************
contenuto layout generale
**************************************************************/
#bb{
height: auto;
width: 2px;
position: absolute;
left: 0px;
top: 0px;
margin-right: 0px;
z-index:1;
color:#c9d4e6;
}
#bb a{
color:#c9d4e6;
text-decoration:none;
}
#boxgenerale{
/*position:relative;
z-index: 1; no x calendar*/
width: 760px;
margin: 0 auto;
height: auto !important;
height: 100%;
/*min-height: 800px;*/
}
/* sfondo sx */
#sx-sf {
float:left;
width: 10px;
background-color: #556e9d /*verde #586732*/;
background-image: url(images/bg/bg-sx.gif);
background-repeat: no-repeat;
background-position: top;
}
/* sfondo cx */
#cx-sf{
float:left;
width: 740px;
height: 100% !important;
height: auto ;
min-height: 695px;
background-repeat: no-repeat;
background-position: center top;
}
.bg-color{background: #ffffff;}
.bg- , .bg-default, .bg-index, .bg-links, .bg-telalinks{background-image: url(images/cx-sf/sfondo-positano.jpg);}
.bg-bb{background-image: url(images/cx-sf/sfondo-positano.jpg);}
.bg-mappa{background-image: url(images/cx-sf/notte-costiera-amalfitana.jpg);}
.bg-dintorni{background-image: url(images/cx-sf/positano.jpg);}
.bg-foto{background-image: url(images/cx-sf/vista-costiera-amalfitana.jpg);}
.bg-offerte{}
.bg-tariffe{background-image: url(images/cx-sf/bed-and-breakfast-2.jpg);}
.bg-prenota{background-image: url(images/cx-sf/positano-mare.jpg);}
.bg-promo{}

/* sfondo dx */
#dx-sf{
float:left;
width: 10px;
background-color: #556e9d /*verde #586732*/;
background:url(images/bg/bg-dx.gif);
background-repeat: no-repeat;
background-position: top;
}
/* sf fx finale*/
#fx{
clear:both;
/*float:left;*/
margin: 0px auto;
width:760px;
/*height: auto !important;
height: 100%;
min-height: 238px;*/
height: 238px;
background:url(images/bottom-positano2.jpg);
background-repeat:no-repeat;
background-position:bottom;
}
/**************************************************************
finalebox
**************************************************************/
#finalebox{
clear:both;
/*background-color: #ACB9CC;
border-top:1px solid #010101;*/
text-align:right;
line-height: 15px;
color:#D4D4D4;
font-size:13px;
}
#finalebox a{
color:#D4D4D4;
}
#finale-marquee{
width:720px;
height: 12px;
line-height:12px;
padding: 0 10px;
margin: 0 auto;
font-size: 10px;
color:#336699;
background-color: #033366;
border-top-width: 1px;
border-top-style: groove;
border-top-color: #dadada;
border-bottom-width: 1px;
border-bottom-style: groove;
border-bottom-color: #dadada;
}
#finale-cx{
width: 720px;
height: 90px;
padding:5px 10px;
margin: 0 auto;
/*background-image: url(images/bg/bg-body.gif);
background-repeat: repeat-x;*/
/*border-top-width: 2px;
border-top-style: groove;
border-top-color: #dadada;*/
background-image:url(images/bg/t2.png);
background-repeat:repeat;
background-position:top;
background-color: #033366;
/*font-family: Georgia, "Times New Roman", Times, serif;*/
}
#finalebox span{
font-size: 90%;
color: #555555;
}
#dati{
float: left;
text-align:left;
}
#finale-bottom{
width: 720px;
height: auto;
border-top: 1px solid #214e7c;
background:#033366;
padding: 10px;
margin: 0 auto;
text-align:left;
font-size:10px;
color: #214e7c;
}
#finale-bottom a{
color: #214e7c;
margin-right: 4px;
}
#buonocore{
float: right;
text-align:right;
}
#buonocore img{
height: 60px;
}
/*#################################################################
bandiere
#################################################################*/
#lang{
width: 740px;
margin: 0px auto;
z-index:3;
}
#lang img{
border: none;
width: 20px;
height:16px;
}
#lang ul {
position:absolute;
width:700px;
text-align:right;
margin: 10px 20px 0 0; 
list-style : none;
padding : 0;
}
#lang li {
display: inline;
margin-left: 3px;
}

/**************************************************************
contenuto
**************************************************************/
#boxcentro{
clear:both;
width: 620px;
margin: 60px auto 0 auto;
}
#box-positano{
width: 260px;
margin-left: 360px;
height: 180px;
font-family: Georgia, Times New Roman, Times, serif;
font-style:italic;
line-height: 18px;
font-size: 16px;
}
/* logo */
#logo {
position:absolute;
top: 90px;
margin-left: 0px;
}
/*********** text */
#bed-breakfast-cx{
width: 600px;
margin: 0 auto;
}
/**************************************************************
mappa
**************************************************************/
.mappa{
padding-top: 20px;
}
/**************************************************************
dintorni
**************************************************************/
.dintorni div{
padding: 10px;
margin-top: 20px;
background-color: #E8E8E8;
border: 1px dotted #ccc;
}
.dintorni p{
float:left;
margin-right: 10px;
}
.dintorni img{
border: 2px ridge #B6B6B6;
}
.dintorni h1{
margin-top: 3px;
}
.dintorni .dintorni-text{
/*border:1px dotted #dadada;
padding: 4px;
width: 365px;*/
}
.dintorni ul{
clear: both;
margin-left:0px;
font-size:11px;
}
.dintorni li{
display:block;
list-style:none;
height: 14px;
}
.dintorni li a{
display:block;
text-decoration:none;
height: 14px;
margin-top: 1px;
color:#999999;
border-top: 1px dotted #E8E8E8;
border-bottom: 1px dotted #E8E8E8;
padding-left: 3px;
}
.dintorni li a:hover{
background:#dedede;
border-top: 1px dotted #ccc;
border-bottom: 1px dotted #ccc;
}
/**************************************************************
tariffe
**************************************************************/
.tariffe div{
border: 1px dotted #ccc;
margin-bottom: 20px;
padding: 10px;
}
.stagione{
height: 120px;
font-size:18px;
}
.stagione p{
float:left;
margin-top: 40px;
font-size: 1.6em;
}
.stagione .prezzo{
float:right;
display:block;
width: 120px;
height:120px;
background:url(images/varie/tariffe.png) no-repeat center top;
line-height:120px;
text-align:center;
font-size: 2.2em;
font-family:Georgia, Times New Roman, Times, serif;
}
.tariffe ul{
margin-top:0px;
margin-bottom: 0px;
}
.tariffe li{
list-style:square;
}
.tariffe .note{
color: #CC3333;
}
/**************************************************************
fotogallerie
**************************************************************/
.fotogallerie h1{
border-bottom: 1px dotted #ccc;
margin-bottom: 2px;
}
.fotogallerie p{
margin-top: 0px;
margin-bottom: 10px;
}
.fotogallerie img{
border: 3px double #cdcdcd;
background:#fff;
margin: 0 auto;
}
.fotogallerie a{
border-bottom: none;
}
.fotogallerie a:hover{
background: #758db4;
}

/**************************************************************
2 colonne
**************************************************************/
#bb-cx{
float:left;
width: 390px;
padding-left:10px;
height:auto;
text-align:justify;
}
#bb-dx{
float:left;
width:200px;
min-height: 200px;
padding-left:20px !important;
padding-left:0px; /* ie 6*/
}

#bb-cx p{
background:url(images/bg/bg-p.gif) center center no-repeat;
}

.carat-g{
font-family:Georgia, Times New Roman, Times, serif;
font-size: 150%;
}

#dintorni-bb h2{
font-size: 11px;
margin: 3px 0 0 4px;
}
#dintorni-bb a{
text-decoration:none;
}
#dintorni-bb a:hover{
text-decoration:underline;
}
/*#################################################################
menu
#################################################################*/
#menutop {
width:620px;
height: 49px;
text-align: left;
margin: 0 auto 20px auto;
font-size:14px;
font-family:Verdana, Arial, Helvetica, sans-serif;
}
#menutop #img-sx{
float:left;
}
#menutop #img-dx{
float:right;
}
#menutop ul{
float:left;
width: 590px;
list-style:none;
margin: 0 auto;
padding: 0px;
height:49px;
background-image: url(images/menu/menu-cx.png);
background-repeat: repeat-x;
background-position: center;
}
#menutop li{
float:left;
display: block;
height: 49px;
line-height: 49px;
}
#menutop a {
color: #ECEDF0;
text-decoration: none;
display:block;
padding: 0px 10px;
}
#menutop a:hover {
color: #fff;
}

h1{
font-size: 1.6em;
/*background:#f2f2f2;
padding: 3px;
border:1px solid #ccc;*/
}


/*#################################################################
book
#################################################################*/
select, input, textarea{
color: #555;
background-image:url(../../../images/varie/sfume.png);
background-repeat:repeat-x;
background-position:top;
border: 1px solid #a5acb2;
}
select:hover, input:hover, textarea:hover{
background-image:url(../../../images/varie/sfume2.png);
}
select:focus, input:focus, textarea:focus{
background-image:url(../../../images/varie/sfume2.png);
}
/* form laterale piccolo */
.book-2 {
width: 180px;
margin-left:20px;
/*border: 1px solid #ccc;*/
}
.book-2 form {
font-size: 12px;
}
.book-2 select {
font-size: 11px;
}
.book-2 input {
font-size: 12px;
width: 100px;
}
.book-2 .input-short{
width: 30px;
}
.book-2 textarea {
width: 140px;
margin-left: 27px;
height: 40px;
font-size: 11px;
}
.book-2 .ckbox {
border: 1px solid #999999;
}
.book-2 .frm {
float: left;
padding: 1px;
line-height: 18px;
font-size: 12px;
}
.book-2 .frm2 {
padding: 1px;
line-height: 18px;
font-size: 12px;
}
.book-2 .frm3 {
line-height: 18px;
text-align:center;
font-size: 12px;
}
.book-2 input#cod{
width: 70px;
}
.book-2 .l {
width: 65px;
float: left;
text-align:right;
margin-right:2px;
}
.book-2 h1{
font-size:11px;
text-align:center;
}

/* prenota form grande */
.book-1 {
width: 350px;
margin: 0 auto 20px auto;
}
.book-1 form {font-size: 14px;}
.book-1 select {font-size: 13px;}
.book-1 input {
/*font-size: 12px;*/
width: 200px;
height: 18px;
padding: 1px 4px;
}
.book-1 .input-middle{width: 60px;}
.book-1 .input-short{width: 30px;}
.book-1 textarea {
width: 200px;
height: 130px;
padding: 0 4px;
/*font-size: 12px;*/
}
.book-1 .ckbox {border: 1px solid #999999;}
.book-1 .frm {
float: left;
padding: 4px;
line-height: 18px;
}
.book-1 .frm2 {
padding: 4px;
line-height: 18px;
font-size: 12px;
width: 350px;
}
.book-1 .frm3 {
line-height: 18px;
text-align:center;
font-size: 12px;
}
.book-1 input#cod{width: 70px;}
.book-1 .l {
width: 100px;
float: left;
}
.book-1 input#Submit{
width: 120px;
height: 40px;
color: #fff;
font-size: 14px;
background:url(images/form/invio.png);
background-position:top;
border:none;
}
.book-1 input#Submit:focus,
.book-1 input#Submit:hover {
background:url(images/form/invio.png);
background-position:bottom;
cursor:pointer;
}

.book-1 #help{
border: none;
margin-left: 5px;
}
.book-1 #help_cod {
float:right;
position:absolute;
margin-top: 25px;
width:200px;
height: auto;
z-index:6;
background:#c8cfd7;
border: 1px solid #728ab3;
filter: Alpha(Opacity=90);
opacity: 0.90;
padding: 5px;
text-align:left;
color: #003366;
font-weight:bold;
}
#msgInvio{
padding: 10px 20px;
margin-bottom: 10px;
font-weight:bold;
}
.msgInvioSi{
color: #66CC00;
border: 1px dotted #66CC00;
}
.msgInvioNo{
color:#CC3300;
border: 1px dotted #cc3300;
}

/*#################################################################
post it
#################################################################*/
.postit {
margin-left: 20px;
margin-bottom: 10px;
width:180px;
background-image: url(../../../images/post_it_180/post_it_middle.jpg);
background-repeat: repeat-y;
background-position: center;
font-family: Georgia, Times New Roman, Times, serif;
font-style:italic;
}
.postit-cx{
background-image: url(../../../images/post_it_180/post_it_top.jpg);
background-repeat: no-repeat;
background-position: top;
min-height: 180px;
padding: 10px 6px 0 6px;
}
.postit h1{
font-size: 12px;
text-align:center;
}
.postit ul{
font-size: 12px;
padding-left:0px;
margin-left: 18px;
}
.postit li{
list-style: square;
margin-bottom: 4px;
}
/**************************************************************
offerte
**************************************************************/
.postit h2{
font-size: 12px;
margin-bottom:0px;}

/*#################################################################
scotch nero
#################################################################*/
.scotch {
	display:none;
margin-top: 10px;
width:220px;
background-image: url(../../../images/scotch_220/scotch-middle.jpg);
background-repeat: repeat-y;
background-position: center;
font-family: Georgia, Times New Roman, Times, serif;
font-style:italic;
}
.scotch-cx{
background-image: url(../../../images/scotch_220/scotch-top-nero.jpg);
background-repeat: no-repeat;
background-position: top;
min-height: 180px;
padding: 50px 0 0 0;
}
.scotch-fx{
width:220px;
height:65px;
background:url(../../../images/scotch_220/scotch-bottom-nero.jpg);
background-repeat: no-repeat;
background-position: bottom;}
/*#################################################################
#bb-dx iframe
#################################################################*/
#bb-dx iframe{
padding-left:20px;
margin-top: 50px;
}

/*#################################################################
dia
#################################################################*/
/*#bed-and-breakfast-gallery div{
width: 150px;
height: 120px;
margin: 0;
float:left;
}
#bed-and-breakfast-gallery img{
width: 120px;
height: 90px;
margin: 14px;
border: 1px solid #dadada;
}
#bed-and-breakfast-gallery span{
display:block;
position: absolute;
width: 150px;
height: 120px;
cursor:pointer;
background-image: url(../../../images/scotch2.png);
background-repeat: no-repeat;
background-position: center top;
}*/

.bed-and-breakfast-gallery div{
width: 180px;
height: 180px;
margin: 0 0 10px 10px;
float:left;
/*background-image: url(../../../images/diapositiva/dia.jpg);
background-repeat: no-repeat;
background-position: center top;*/
}
.bed-and-breakfast-gallery img{
/*width: 120px;
height: 90px;*/
margin-top: 41px;
padding-left: 20px;
border: none;
}
#bb-cx .bed-and-breakfast-gallery p{
display:block;
position: absolute;
width: 180px;
height: 180px;
cursor:pointer;
background: url(../../../images/diapositiva/dia.png) center top no-repeat;
}
.bed-and-breakfast-gallery span{
display:block;
position: absolute;
width: 116px;
margin-top: 144px;
margin-left: 32px;
font-size:10px;
text-align:center;
/*color:#b3b3b3;*/
}
.bed-and-breakfast-gallery a {
text-decoration:none;
}


/**************************************************************
mappa
**************************************************************/
#map{
width:100%;
height:290px;
margin: 0 auto;
border: 3px double #cdcdcd;
}

/**************************************************************
icona link esterni
**************************************************************/
.extlink{
font-weight:normal;
}
.arc90_extlinkIMG {
background: transparent url(../../../images/varie/extLink_img.gif) no-repeat top right;
margin-left: 2px;
height: 12px;
width: 12px;
cursor: pointer;
padding-left: 12px;
}

/**************************************************************
pagine links
**************************************************************/
#telalinks, #links{
padding: 20px 10px;
}
.bb-link{
display:block;
margin-bottom: 30px;
font-weight:bold;
}
#links h1{
margin-bottom: 30px;
}
#links div{
margin-bottom: 30px;
}
#links h2{
width: 100%;
margin-bottom:0px;
font-size:18px;
border-bottom: 1px solid #999999;
}
#links address{
margin-top: 10px;
font-size:13px;
line-height: 14px;
}
#links ul{
list-style-type:square;}

/**************************************************************
captcha
**************************************************************/
#captcha{
width:86px;
height:21px;
margin-right: 5px;
border:none;
}
/**************************************************************
buonocore
**************************************************************/
#buonocore-logo{
height: 60px;
width: 60px;
position: absolute;
right: 0px;
top: 0px;
margin-right: 0px;
cursor: pointer;
z-index:1;
/*filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/buonocore.png');
visibility: visible;*/
}
#buonocore-logo img{
width: 60px;
height: 60px;
border: none;
behavior: url("../../../css/pngbehavior.htc");
/*behavior: url("http://www.ilrifugio.eu/css/pngbehavior.htc");*/
/*filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0);*/
filter: Alpha(opacity=0);
}