/* CSS Document */
body,html {
height:100%;
margin: 0px;
padding: 0px;
color: #7C6A49;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 0.9em;
background-image: url(../images/layout/sf.gif);
background-repeat: repeat-y;
background-position: center;
}
a{ color: #7C6A49;
}
a:link{
color: #7C6A49;
}
a:visited{
color: #7C6A49;
}
a:hover{
color: #996633;
}
a:active{
color: #996633;
}
address{
font:normal;
font-style:normal;
}
hr{
display:none;
}

/**************************************************************
contenuto generale
**************************************************************/
#boxgenerale {
width: 700px;
margin: auto;
height: auto !important;
height: 100%;
min-height: 100%;
background-color:#ffffff;
padding: 0;
position: relative;
z-index:2;
}
#boxgenerale #top {
height: 20px;
background-image: url(../images/layout/sf_top.gif);
background-repeat: repeat-x;
}
#sorrento{
position: absolute;
/*top:-1000px;*/
left: 0px;
width: 100%;
line-height: 15px;
/*border-bottom: 1px solid #FCE2FE;*/
/*background:#FFF0FE;*/
visibility: visible;
}
#boxgenerale #bed-breakfast-vico-equense {
/*padding-left: 4px;*/
text-align:center;
background: #f1e5d7;
color: #E4DAd1;
font: icon;
}
#boxgenerale #bed-breakfast-vico-equense a{
/* color: #CAB5C2;*/
color: #E4DAd1;
text-decoration:none;
}



/**************************************************************
menu
**************************************************************/
#menubox{
height: 125px;
background-image: url(../images/layout/logo.gif);
background-repeat: no-repeat;
background-position: left top;
}

#menu{
width: 700px;
}
#menu ul { 
float: right; 
list-style : none;
margin: 0; 
padding : 0;
line-height: 2em;
/*font-size:0.8em;*/
}
#menu li {
display: inline;
}
#menu li a {
float:left;
display: block;
width: 100px;
padding: 15px 0 0 0;
color: #7C6A49;
text-decoration: none;
text-align:center;
border-right-width: 1px;
border-right-style: solid;
border-right-color: #F1E8DD;
background-position: top;
background-image: url(../images/layout/tratt.gif);
}
#menu .dx { 
border-right: none;
padding-right: 0px;
padding-left:0px;
}
.active { 
background: #6699CC;
}
#menu li a:hover {
background-position: 3px;
background-image: url(../images/layout/tratt_over.gif);
}  

/*bandiere*/
#lang{
float:right;
width: 700px;
height: 50px;
text-align:right;
}
#lang img{
border: none;
}
#lang ul {
list-style : none;
margin: 25px 13px 0 0; 
padding : 0;
}
#lang li   {
display: inline;
}

/**************************************************************
box
**************************************************************/
#corpo{
width: 700px;
padding:0px;
}

.ombra{
float:left;
width:10px;
height:220px; 	
background-image: url(../images/layout/ombra.jpg);
background-repeat: no-repeat;
background-position: right top;
}
/* boxsx */
.boxsx{
float:left;
margin: 0px;
padding: 4px 5px 4px 5px;
width:160px;
height:220px;
border: 1px solid #996633;
background:#db7214;
color:#f1e5d7;
background-image: url(../images/layout/um.gif);
background-position: bottom;
}
.boxsx h1{
color:#ffffff;
font-size: 150%;
margin-top:0px;
font-size:larger;
}
.boxsx #offerta1, .boxsx #offerta2, .boxsx #offerta3{
font-size:10px;
line-height: 10px;
}
.boxsx #offerta1 h2, .boxsx #offerta2 h2, .boxsx #offerta3 h2{
font-size:11px;
margin-bottom: 4px;
}
/* box centro */
#boxcentro{
float:left;
width:423px;
height:220px;
border: 1px solid #996633;
margin: 0 3px 0 3px;
padding: 4px 5px 4px 5px;
background-image: url(../images/foto/bed-breakfast.jpg);
background-repeat: no-repeat;
}
#boxcentro img{
width:0px;
height:0px;
border: none;
}
/* box dx */
#boxdx{
float:left;
margin:0 7px 0 0;
padding: 4px 5px 4px 5px;
width:58px;
height:220px;
border: 1px solid #996633;
background-image: url(../images/layout/sf60.gif);
background-repeat: no-repeat;
background-position: right bottom;
}
/* 
SECONDA LINEA
box centro 2*/
#boxsx{
float:left;
}
#boxsx2{
float:left;
margin: 3px 0 5px 0;
padding: 4px 5px 4px 5px;
width:160px;
height:250px;
border: 1px solid #996633;
background-image: url(../images/layout/sfuma.jpg);
background-repeat: repeat-x;
background-position: top;
}
#boxsxE{
clear:left;
float:left;
margin-left: 10px !important;
margin-left: 5px;
padding: 4px 5px 4px 5px;
width:160px;
height:185px;
border: 1px solid #996633;
background-image: url(../images/layout/sfuma.jpg);
background-repeat: repeat-x;
background-position: top;
font: small-caption;
color:#E4DAd1;
}
#boxsx2 h1, #boxcentro2 h1{
font-size: 150%;
margin-top:0px;
font-size:larger;
}
#boxcentro2{
float:left;
width:501px;
/*height: auto !important;
height: 100%;
min-height: 100%;*/
height:450px;
margin: 3px 3px 5px 3px;
padding: 4px 0px 4px 5px;
border: 1px solid #996633;
}
.box2img{
background:#fafaf8;
background-image: url(../images/foto/colazione.jpg);
background-repeat: no-repeat;
background-position: right bottom;
}
.box2sf{
background-image: url(../images/layout/sfuma.jpg);
background-repeat: repeat-x;
background-position: top;
}
/*#bed_breakfast{
float: none;
padding-right: 5px;
}
#bed_breakfast_sorrento{
float:left;
width: 296px;
padding-bottom: 4px;
}*/
/*#boxcentro2 img{
float: right;
width: 200px;
height: 133px;
}*/
#txt1{
padding: 0 8px 0 8px;
}
#txt2{
padding: 0 200px 0 8px;
}
/*
bak#boxcentro2{
clear:both;
width: 584px;
margin: 0px 6px 6px 8px;
border: 1px solid #996633;
}*/
#boxcentro2Long{
float:left;
width:681px; /*676+5padding*/
height: auto !important;
height:248px; /*240+8padding*/
margin: 3px 3px 5px 0px;
/*padding: 4px 0px 4px 5px;*/
border: 1px solid #996633;
}
.boxcentro2Long{ /*classe per pag mappa */
float:left;
width:661px; /*661+20padding*/
padding: 10px 10px 5px 10px;
height: auto !important;
height:220px; /*240+8padding*/
min-height: 220px;
margin: 3px 3px 5px 0px;
/*padding: 4px 0px 4px 5px;*/
border: 1px solid #996633;
}
#mapAutostrada{
margin-right: 5px;
}
.galleria{
padding-bottom: 30px;
}
.galleria p {
margin: 30px 10px 15px 10px;
}
.galleria h1{
margin: 30px 10px 5px 10px;
font-size: 1.3em;
border-top: 1px solid #f2bd7f;
border-bottom: 1px solid #f2bd7f;
}
.galleria div{
margin-left: 10px;
}
.galleria img{
width: 160px;
height: 120px;
border: 1px solid #f2bd7f;
margin-right: 5px;
}

.localita{
clear: both;
width: 600px;
margin: 10px 30px 10px 30px;
}
.localita h1{
color: #d97323;
font-size: 16px;
margin-top: 10px;
margin-bottom: 2px;
border-bottom: 1px dashed #cdcdcd;
}
.localita img{
float:left;
width:150px;
height:70px;
border: 2px solid #f2bd7f;
margin-top: 8px;
margin-right: 10px;
margin-bottom: 10px;
}
.localita p{
height: 100px;
width: 436px;
margin-top: 6px;
margin-bottom:10px;
float:left;
}
.localita ul{
float:left;
display:inline;
font-size:10px;
list-style:none;
margin-bottom: 40px;
}

/* tariffe */
#bassastagione{
/*display:none;*/
float:left;
width: 32%; 
border-right: 1px solid #ededed;
margin-right: 8px;
}
#mediastagione{
float:left;
width: 32%; /*48*/
border-right: 1px solid #ededed;
margin-right: 8px;
}
#altastagione{
float:left;
width: 32%; /*48*/
}
#bassastagione h1, #mediastagione h1, #altastagione h1 {
text-align:center;
font-weight: bold;
padding-top: 3px;
font-size: 14px;
}
#bassastagione p, #mediastagione p, #altastagione p {
padding-left: 4px; /* 80*/
}
.prezzo{
text-align:center;
font-size: 1.6em;
margin-top: 10px;
}
#boxextra{
clear:left;
text-align:left;
padding-top: 40px;
margin-left: 10px;
}
.inrisalto{
font-weight: bold;
font-size: 1.2em;
}

#grazie{
text-align: center;
font-size:16px;
line-height: 20px;
margin-top: 50px;
}

/**************************************************************
menubottom
**************************************************************/
#menubottom{
clear:both;
width: 700px;
margin: 30px auto auto auto;
padding-top: 7px;
height: 20px;
text-align:center;
border-top: 1px solid #f1e5d7;
background-image: url(../images/layout/sfuma.jpg);
background-repeat: repeat-x;
background-position: -10px;
}
#menubottom ul { 
list-style : none;
margin: 0; 
padding : 0;
text-align:center;
}
#menubottom li {
display: inline;
}
#menubottom li a {
display: inline;
padding: 0 5px 0 5px;
color: #7C6A49;
text-decoration: none;
text-align:center;
border-right-width: 1px;
border-right-style: solid;
border-right-color: #F1E8DD;
}
#menubottom .dx { 
border-right: none;
}
#menubottom .active { 
background: #6699CC;
}
#menubottom li a:hover {
}  
/**************************************************************
finalebox
**************************************************************/
#finalebox{
width: 680px;
margin: auto;
height: auto !important;
height: 70px;
min-height: 70px;
background-color:#ffffff;
border-top: 1px solid #f1e5d7;
padding: 10px 10px 10px 10px;
font-size: 0.8em;
text-align:center;
font: icon;
line-height: 17px;
background-image: url(../images/layout/tratt_over.gif);
background-repeat: repeat;
}
#validate{

}
#wm img{
height: 30px; /*45 */
width:1px;
}
#copy{
text-align:right;
}
lx{
float: left;
text-align:left;
}
#dati{
float: left;
text-align:left;
}
#vicoequense-links{
clear:both;
height: 50px;
border-top: 1px dotted #cccccc;
text-align:left;
padding: 15px 0 5px 10px;
margin: 15px 0 5px 0;
color: #C1C1C1;
font-size:smaller;
}
#vicoequense-links a{
color: #C1C1C1;
text-decoration:none;
padding: 0 3px 0 0;
/*border-right: 1px solid #c1c1c1;*/
}
#vicoequense-links a:hover{
text-decoration:underline;
}
#vicoequense-links cite{
font-style: normal;
}
#loghi{
text-align:left;
padding-left: 10px;
}
#loghi table{
float:left;
margin-right: 5px;
}
#loghi img{
}


/**************************************************************
search
**************************************************************/
#search{
clear:both;
width: 680px;
margin: auto;
background-color:#ffffff;
border-top: 1px solid #f1e5d7;
padding: 5px 5px 0px 5px;
}


/**************************************************************
form
**************************************************************/
#formbox{
}
#book{
text-align:center;
}
input{
color: #7C6A49;
margin:3px 0 0 0;
width: 50px;
border: 1px solid #cdcdcd;
border-bottom: 1px outset #f1e5d7;
}
select{
color: #7C6A49;
margin-bottom: 5px;
}
#invio {
width: 140px;
height: 25px;
margin-top:5px;
background:#FFFFFF;
background-image: url(../images/layout/tratt_over.gif);
cursor:pointer;
border-bottom: 1px outset #f1e5d7;
}
#formbox .xinput{
text-align:right;
margin-right: 15px;
}
.arrival{
text-align: left;
margin-left: 12px;
}
/* pag prenota */
#prenota{
margin-top: 20px;
height: auto;
}
#prenota p{
margin: 0 15px 0 15px;
}
#prenota form {
margin: 0 auto 10px auto;
padding: 5px;
width: 400px;
font-size: 12px;
text-align:left;
border-left: 1px solid #ededed;
border-right: 1px solid #ededed;
}
#prenota input{
width: 200px;
}
#prenota textarea{
width: 200px;
color: #7C6A49;
}

#prenota hr {
height: 1px;
border: 1px dotted #999999;
width: 98%;
margin: 10px auto 10px auto;
}
.l {
width: 100px;
float: left;
}
#prenota #inputshort {
width: 50px;
}
#prenota .inputshort {
width: 50px;
}

/** form fastbook*/
#formboxLong{
float:left;
width:671px;
border: 1px solid #996633;
margin: 0 3px 0 5px;
padding: 4px 5px 4px 5px;
}
#formboxLong .xinput {
float: left;
padding: 4px;
line-height: 18px;
font-size: 12px;
}
.frm2 {
padding: 4px;
line-height: 18px;
font-size: 12px;
}
input#cod{
width: 70px;
}

/**************************************************************
html
**************************************************************/
#cite{
/*display: none;*/
/*color: #e98a1a;*/
font: menu;
}
dfn{
font:icon;
}
dl{
/*width: 300px;*/
padding: 0 20px 10px 20px;
margin-top: 20px;
}
dl h1{
font-weight:bold;
margin-bottom: 3px;
font-size: 14px;
}
dt{
font-weight:normal;
/*float:left;*/
}
dd{
}

/**************************************************************
classi
**************************************************************/
.grassetto{
font-weight: bold;
}
.fsx{
float: left;
}
.fdx{
float: right;
text-align:right;
}
.clear{
clear:both;
}
.km{
font-size: smaller;
color: #CCCCCC;
}

/***************************************************************
act e stats
**************************************************************/

#act{
height: 60px;
width: 60px;
position: absolute;
right: 0px;
top: 0px;
margin-right: 0px;
z-index:1;
cursor: pointer;
/*filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/buonocore.png');
visibility: visible;*/
}
#act img{
width: 60px;
height: 60px;
border: none;
behavior: url("../htc/pngbehavior.htc");
/*filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0);*/
filter: Alpha(opacity=0);
}
#Map{
color: inherit;
}
#stats{
height: 16px;
width: 16px;
background:#99FF00;
position: absolute;
right: 0px;
bottom: 0px;
z-index: -1;
visibility: visible;
display:none;
}
#cite-bb{
clear:both;
display:block;
width: 670px;
margin: 0 auto 0 auto;
font: menu;
color:#ffffff;
}


/***************************************************************
impostazioni div gallery
**************************************************************/
#sottopub{
position:absolute;
margin: auto 70px auto 70px ;
width: 586px;
height: 410px;
top: 40px;
z-index: 1;
visibility: visible;
overflow: visible;
background: #f1e5d7;
filter: Alpha(Opacity=95);
opacity: 0.95;
border: 1px solid #cdcdcd;
}
#pub {
position:absolute;
margin: auto 100px auto 100px;
width: 526px;
height: 350px;
top: 70px;
z-index: 2;
visibility: visible;
overflow: visible;
}
#pubsub {
border: 1px solid #f1e5d7 ;
font-size:3em;
text-align:center;
height:350px;
background-color: #fefefe;
background-image: url(../images/layout/tratt_over.gif);
background-repeat: repeat;
}
#gallery_iframe{
width: 526px;
height: 350px;
}
#pubimg{
height: 250px;
text-align:center;
}
#pubimg img {
height: 250px;
width: 450px;
}
.pubmini{
height:40px;
margin: 5px 0 5px 0;
text-align:center;
}
.pubmini img{
margin: 0 2px 0 2px;
border: none;
width: 100px; 
height: 40px;
}
#pubclose {
position:relative;
top: -5px;
height: 20px;
font-weight: bold;
text-align:right;
margin-right: 10px;
}
#pubclose a{
text-decoration:none;
}
#pubclose img{
/*margin-top: 3px;*/
border: 1px solid #f1e5d7;
}
#inviomail{
text-align: center;
font-size: 14px;
margin-top: 30px;
}

#telalinks2{
margin: 20px 15px 20px 15px;
}

#promo{
margin-top: 20px;
text-align:center;
}
#promo span{
font:icon;
margin-top: 2px;
}