@charset "utf-8";
/* CSS Document */

html,
body {
height: 100%;
position: relative;
z-index: 1;
}   
body {
padding: 0;
margin: 0;
background-color: #636374;
background-image: url(../images/sf.jpg);
background-repeat: repeat-y;
background-position: center;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 0.7em;
color:#333366;
}
bed-breakfast-vico-equense{
z-index: 1;
}
hr {
display:none;
}
address{
font:normal;
font-style:normal;
}
a{
color: #333366;
}
dl{
margin: 30px 0 0 30px;
font-weight: normal;
}
dt{
margin-top: 6px;
font-weight: bold;
}
dd{
font-weight: normal;
}
marquee{
position: absolute;
left: 0px;
width: 100%;
line-height: 15px;
z-index:-2;
}
cite{
font-style:normal;
}
/**************************************************************
contenuto div e h1 logo laterale
**************************************************************/
div#bed-breakfast {
position:absolute;
left: 0px;
top:0px;
width:100%;
height:300px;
text-align:center;
z-index:-1;
filter: none !important; /*ie7*/
filter: Alpha(opacity=100); /*ie6*/
}
div#bed-breakfast img{
width: 120px;
height: 150px;
/*behavior: url("http://localhost:81/villafederica/v3.0/css/pngbehavior.htc");*/
behavior: url("../css/pngbehavior.htc");
background-image: url(../images/bedbreakfast.png);
}
div#bed-breakfast h1{
width: 770px;
margin: 0 auto auto auto;
position:relative;
left: -120px;
top:0px;
z-index:-1;
text-align:left;
}

/**************************************************************
contenuto generale ad esclusione del finale
**************************************************************/
#boxgenerale { 
margin: 0 auto;
width: 770px;
padding: 0px;
background:#ffffff;
}

/**************************************************************
testabox
**************************************************************/
#testabox {
margin: 0px;
}
#testa-Vico-Equense {
height: 14px;
background-image: url(../images/sf_menu.jpg);
color: #ffffff;
padding-left: 5px;
background-color: #636374;
}
#testatop  {
float: left;
height:90px;
}
#testatop #bed-and-breakfast {
float: left;
width: 400px;
height: 60px;
margin-top: 15px;
border: 0px;
}
#testatop h1 {
float: left;
width: 400px;
height: 60px;
background:url(../images/villafederica.gif);
}
#testatop span{
position: relative;
z-index:-1;
}
/*offerte*/
#scrollingContainer{
height:90px;
width: 160px;
float:left;	
overflow:hidden;/* Hide overflow content */
margin: 0 0 0 20px;
}
#testatop #offerte{
float:left;
font-size: 12px;
}
#testatop #offerte h2{
font-size:12px;
margin-bottom: 2px;
}	
#testatop #offerte-static{
width: 250px;
position: absolute;
margin-top: 4px;
margin-left: 400px !important;
margin-left: 0px;
font-weight:bold;
text-align:center;
}
*:first-child+html #testatop #offerte-static{ /*per IE7 */
margin-left: 0px !important;
}  
#testatop #offerte-static img{
margin-bottom: 6px;
}

/*bandiere*/
#testatop ul { 
position: relative;
float: right; 
list-style : none;
margin-top: 0px;
margin-right: 5px; 
padding-top : 5px;
}
#testatop li {
display: inline;
}
#testatop li img {
width: 25px;
height: 35px;
}

#testaimg {
clear: both;
height: 160px;
border-top: 1px solid #cccccc;
border-bottom: 1px solid #cccccc;
}
#testamenu {
margin-top: 0px;
height:43px; /*43*/
/*trasferito in corpobox*/
background: #636374;
background-image: url(../images/ombra_menu.jpg);
background-repeat: repeat-x;
background-position: bottom;
}
#testamenu ul {  
list-style : none;
margin: 0; 
padding : 0;
line-height: 35px;
}
#testamenu li {
display: inline;
}
#testamenu li a {
float:left;
display: block;
width: 125px;
padding-right: 1px;
padding-left: 2px;
color: #ffffff;
text-decoration: none;
font-weight: bold;
text-align:center;
border-right-width: 1px;
border-right-style: solid;
border-right-color: #636374;
background-image: url(../images/sf_menu.jpg);
background-position: top;
}
#testamenu .dx { 
border-right: none;
padding-right: 0px;
padding-left:0px;
}
.active { 
background: #82818f;
}
#testamenu li a:hover {
background-color: #82818f;
background-image: url(../images/sf_menu.jpg);
background-position: 20px;
}  

/**************************************************************
menubox
**************************************************************/

/**************************************************************
corpobox
**************************************************************/
/*corpobox generale */
#corpobox {
height: auto !important;
height: 300px;
min-height: 300px;
}
/* leftmenu */
#offerte{
/*display:none;*/
margin-top: 0px;
margin-bottom: 15px;
text-align:center;
background:#333366;
color:#FFFFFF;
padding: 5px;
}
#offerte h3{
margin-top: 0px;
padding-top:4px;}
#offerte a {
color: #fff;}

#leftmenu {
height: auto !important;
height: 400px;
min-height: 400px;
float:left;
width: 185px; /*tot 180+1+25 = 210*/
padding: 30px 0 0 15px;
}
#leftmenu img{
border: 4px solid #D2D2D2;
padding:1px;
margin-bottom: 15px;
/*width:185px;
height:100px;*/
}
/*rightmenu*/
#rightmenu {
padding-top: 30px;
height: auto !important;
/*height: 400px;
min-height: 400px;*/
float: right;
width: 160px; /* */
padding-left: 5px;
}
#rightmenu h1{
font-size: 13px;
margin: 0 0 6px 0;
font-weight:normal;
}
#rightmenu h2{
font-size: 12px;
margin: 10px 0 0 0;
color:#999999;
}
#rightmenu a{
color:#999999;
text-decoration:none;
}
/*#rightmenu a:link{}
#rightmenu a:visited{}*/
#rightmenu a:hover{
text-decoration:underline;
}
/*#rightmenu a:active{}*/

/*corpo  con left e rightmenu*/
#corpo {
height: auto !important;
/*height: 400px;
min-height: 400px;*/
float: left;
width: 374px; /*-12 border img tot 388+2+30+10 = 430*/
padding: 30px 0px 40px 15px;
font-size: 1.2em;
text-align:justify;
}
#corpo h1{
font-size: 1.2em;
margin: 0 0 10px 0;
text-align:center;
}

/* galleria */
/*corpo lungo  senza left o rightmenu*/
#corpo-Vico-equense{
height: auto !important;
width: 770px;
font-size: 1.2em;
text-align:center;
margin: 0 0 30px 0;
} 
#corpo-Vico-equense p{
margin: 30px 30px 30px 30px;
text-align:left;
}
#corpo-Vico-equense div{
margin: 30px 30px 30px 30px;
}
#corpo-Vico-equense h1{
width: 710px;
border-bottom: 1px solid #ccc;
font-size: 1.2em;
margin: 10px 30px 6px 30px;
text-align:left;
z-index: 5;
}
#corpo-Vico-equense img{
border: 4px solid #D2D2D2;
padding:1px;
margin-bottom: 15px;
width:185px;
height:100px;
}
#corpo-Vico-equense #mappa-vico-equense {
width:770px;
height: 450px;
border-style: solid;
border-color: #d2d2d2;
border-width: 3px 0 3px 0;
padding: 0px;
}
#mappa-italy {
width:150px;
height: 500px;
border: 0px;
padding: 0px;
}

/*corpo medio con rightmenu*/
#corpo-bed-breakfast{
float:left;
width: 500px;
margin: 0 15px 0 0px;
padding: 0 0 50px 30px;
font-size: 1.2em;
}
#corpo-bed-breakfast h1{
font-size: 1.2em;
}

/*dintorni*/
.localita{
clear: both;
width: 560px;
}
.localita h1{
font-size: 16px;
margin-bottom: 2px;
border-bottom: 1px solid #cdcdcd;
padding-top: 30px;
}
.localita img{
float:left;
width:150px;
height:70px;
border: 4px solid #D2D2D2;
padding:1px;
margin-top: 8px;
margin-right: 10px;
margin-bottom: 10px;
}
.localita p{
clear: right;
height: 100%; /*100*/
width: 388px;
margin-top: 6px;
margin-bottom:10px;
float:left;
}
.localita ul{
float:left;
display:inline;
font-size:10px;
list-style:none;
margin-top: 5px;
}

#recensioni{
clear:both;
width: auto;
height: 70px; /*140px*/
padding: 5px 15px 10px 15px;
margin:10px 0px 0px 0px;
border-top: 1px dotted #DADADA;
border-bottom: 1px dotted #DADADA;
background: #E7E7E7;
}
#recensioni div{
/*clear: left;*/
margin-bottom: 6px;
width: 33%; /*50%*/
float:left;
}
#recensioni h1{
font-size: 11px;
margin-top: 2px;
margin-bottom: 0px;
}
#recensioni h2{
font-size: 11px;
margin-top: 0px;
margin-bottom: 0px;
}
#recensioni h3{
font-size: 10px;
margin-top: 0px;
margin-bottom: 2px;
}
#recensioni p{
display:none;
margin-top: 3px;
}
#recensioni img{
float:left;
margin-right: 6px;
margin-bottom: 10px;
border: 1px solid #D0D0D0;
}

/**************************************************************
menu-vico-equense
**************************************************************/
#menu-vico-equense {
border-top: 1px solid #cccccc;
background:#f4f4f4;
clear: both;
width: 100%;
height: 20px;
text-align:center;
}
#menu-vico-equense ul {  
list-style : none;
margin: 0; 
padding : 0;
line-height: 18px;
}
#menu-vico-equense li {
display: inline;
text-align:center;
margin-right: 4px;
}
#menu-vico-equense li a {
/*float:left;
display: block;*/
text-decoration: none;
}
#menu-vico-equense li a:hover {
text-decoration: underline;
}


/**************************************************************
form e preform
**************************************************************/
#prenota{
height: auto !important;
width: 700px;
font-size: 1.2em;
margin: 30px 35px 30px 35px;
} 
#book {
width: 400px;
margin: 0 auto 0 auto;
padding: 20px;
border: 1px solid #ccc;
}
form {
font-size: 12px;
}
select {
font-size: 11px;
}
input {
font-size: 12px;
}
.input-short{
width: 30px;
}
textarea {
width: 180px;
height: 120px;
font-size: 12px;
}
.ckbox {
border: 1px solid #999999;
}
.frm {
float: left;
padding: 4px;
line-height: 18px;
font-size: 12px;
}
.frm2 {
padding: 4px;
line-height: 18px;
font-size: 12px;
}
input#cod{
width: 70px;
}
.l {
width: 100px;
float: left;
}


/**************************************************************
finale
**************************************************************/
#finalebox {
clear: both;
height: auto;
border-top: 1px solid #cccccc;
padding: 15px 0 15px 0;
text-align: center;
line-height: 15px;
background-image: url(../images/sfondi/sf_finale.gif);
background-repeat: repeat-x;
background-position: top;
}
#dati{
float: left;
text-align:left;
margin-left: 10px;
margin-bottom: 15px;
}
#buonocore{
float: right;
text-align:right;
margin-right: 10px;
}
#buonocore img{
height: 55px;
}
#vicoequense-links{
clear:left;
/*height: 50px;*/
border-top: 1px dotted #cccccc;
text-align:left;
padding: 15px 5px 10px 10px;
margin: 0 0 15px 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;
}
#loghi{
text-align:left;
padding-left: 10px;
}
#loghi table{
float:left;
margin-right: 5px;
}
#loghi img{

}
#stats{
clear: left;
text-align:left;
padding: 10px 10px 20px 10px;
}


/**************************************************************
finale
**************************************************************/
p.tariffe{
padding: 5px;
margin: 5px;
background:#d2d2d2;
line-height: 1.6em;
font-size: 1.0em;
text-align:center;
border: 1px solid #B7B7B7;
}
.euro{
font-size: 16px;
font-weight:bold;
}
.normalLH {
line-height:normal;
}
.fontpic{
font-size: 9px;
}

/**************************************************************
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");
/*filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0);*/
filter: Alpha(opacity=0);
}


#telalinks{
width: 770px;
height: auto !important;
height: 300px;
min-height: 300px;
}
#telalinks2{
margin: 20px 15px 20px 15px;
}